AfterEffects講座

ボカロPVを再現する

階層

パラジクロロベンゼン

逆引き

エフェクトなどのキーワードから、技法を逆引きできます。

• シェイプレイヤー
• チェックトランジションB
• トランスフォーム
• 不透明度(フェード)
• 位置(スライドイン)
• エフェクト
Aeの本領はこのエフェクトにあります。組み合わせでバリエーションは無限大。
• ガウスブラー
• フラクタルノイズ
• ノイズ
• グロー1
• ウィグラー
いろんなものを揺らしたりちらつかせたり、ランダムなものを生み出せます。
• 文字を揺らす1
• 文字を揺らす2
• チェックトランジションA
• チェックトランジションB
• カメラレイヤー
カメラを自由に扱えるとPV表現の幅がぐっと広がります
• 被写界深度
• グラフ補完1
• グラフ補完2
• グラフ補完3
• 文字アニメーター
• モーションブラー
• モーションブラー1
• モーションブラー2
• モーションブラー3

カメラモーションをグラフエディタで補完しよう

今回のねらいは、グラフエディタを使って補完しよう、というものです。グラフエディタとは、このマークを押したときに出てくるものです。

今回再現するものは

オワタＰさん作曲「パラジクロロベンゼン」（動画師：三重の人さん）です。このシーンを再現します。

素材とプロジェクトファイルを詰めたファイルはこちらからダウンロードできます。

さあ作っていこう　-まずは文字レイヤー-

文字レイヤーで手前の文字レイヤーを作ります。

タイミングをあわせて、「何も答えずに」を順番に表示させましょう。使うパラメータはトランスフォームの「不透明度」です。１文字１文字フェードインさせましょう。

また、「猫」の文字レイヤーの位置パラメータにウィグラーを適用します。ウィグラーのパラメータは近づくようにいじってください。

そうそう、ねこ、というコンポジションが見えますが、めんどくさい作り方且つゴリゴリ押してる感じで見苦しいので…動画で紹介します。上図タイムラインの、ふたつのマーカーの間で、猫が眼を開いてます。どうしても猫の作り方が知りたいという方は…冒頭からダウンロードしてみてはいかがですか^^;

まだ猫コンポジションは非表示にしてある状態です。ここまでの動画は次のようになってます。※1/4画質です。

さて、いよいよカメラレイヤーの出番です。カメラレイヤーを新規作成、被写界深度をオフにします。そしてカメラの位置を、中央から猫の右目をズームするようにキーフレームをうち、z軸回転をぐるっと半回転させます。ここの調節がまず難しい。

フロントビューを用意するとこのようになります。

ここからグラフエディタの出番です

今までのところでプレビューすると、このようになると思います。

なにかおかしいですね。そうです。補完を自動的にしてくれるのですが、終始速度一定で補完してしまいます。お手本動画をよく見てみると、徐々にカメラ移動が速まり、さっと回って、徐々に減速する、という動きをしていますね。補完の部分をいじらなければなりません。

そこでグラフエディタの登場です。この記事冒頭にあったグラフマークをクリックし、「位置」や「目標点」や「z回転」を選択するとどうでしょう。グラフで表示されるではありませんか。

グラフエディタについて

まず、グラフエディタには２種類あります。「値グラフ」と「速度グラフ」です。
これが値グラフ
これが速度グラフ
二つの切り替えは、グラフツールの灰色の部分で右クリックすると切り替えることができます。

速度グラフにし、まず四角いポッチ（赤い□で囲まれたもの）をクリック。黄色い塗りつぶされた四角になります。（図では右側の四角）

始点を選択し（上図と逆）、下図の赤い四角で囲まれたマークを押してください。するとグラフが変形し図のようになると思います。この効果を「イージーイーズアウト」と呼びます

次は終点を選択し、下図の赤い四角でかこまれたマークを押してください。するとグラフが変形し、下のような図になると思います。この効果を「イージーイーズイン」と呼びます

ここからが難しい…グラフの勝手が読めない

黄色いバーや四角をいじって、なんとか本物に近づけていきます。私は最終的にこのようなグラフになりました。

完成！！

できました。今回はなかなかの完成度☆

比較版です。

今回のプロジェクトファイルはここからダウンロードできます。

更新履歴

管理者

After Effects CS6

Aeを使う上での環境から、動画編集の流れまで、ボカロPVを制作する上での基礎知識についてこちらのページにまとめました。

Aeの体験版や、お得に入手できる情報もここに記されています！
>前説編